<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>css-notes</title>
  <style>
    p.test {
      width: 11em;
      border: 1px solid #f8cb00;
      word-wrap: break-word;
    }
  </style>
</head>
<body>
<p class="test">This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will
  break and wrap to the next line.</p>
</body>
</html>
